<template>
	<view class="back">
		<custom-navi :show-home="false" background='rgba(0, 144, 250, 1)'>银行卡管理</custom-navi>
		
		<view class="back-cat" v-if="backList!=''"></view>
		<view class="back-empty" v-else>
			您还没绑定银行卡，立即绑定
		</view>
		<view class="back-btn" @tap="addBack">添加银行卡</view>
	</view>
</template>

<script>
	export default {
		data(){
			return {
				backList:[
					
				],
				genre:'',
			}
		},
		onLoad() {
			
		},
		methods:{
			addBack(){
				if(this.backList != ''){
					this.genre = '1'
				}else{
					this.genre = '2'
				}
				uni.navigateTo({
					url:'addBank/index?genre='+this.genre
				})
			}
		}
	}
</script>

<style lang="scss">
	.back{
		height: 100vh;
		background-color: rgba(241, 241, 241, 1);
		padding:0 32rpx;
		&-cat{
			
		}
		&-empty{
			width:686rpx;
			height:200rpx;
			font-size:28rpx;
			font-family:Source Han Sans CN;
			font-weight:400;
			line-height:200rpx;
			color:rgba(149,151,166,1);
			opacity:1;
			text-align: center;
		}
		&-btn{
			width:686rpx;
			height:100rpx;
			background:rgba(255,255,255,1);
			border:2rpx solid rgba(221,221,221,1);
			opacity:1;
			border-radius:20rpx;
			font-size:28rpx;
			font-family:PingFang SC;
			font-weight:400;
			color:rgba(112,112,112,1);
			letter-spacing:6rpx;
			opacity:1;
			text-align: center;
			line-height: 100rpx;
		}
	}
</style>
